import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  
  // 开发服务器配置
  server: {
    port: 5188, // 设置开发服务器端口
    host: '0.0.0.0', // 允许局域网访问
    open: false, // 启动时自动打开浏览器
    proxy: { // 代理配置示例
      '/api': {
        target: 'http://your-api-server.com',
        changeOrigin: true,
        rewrite: (path: any) => path.replace(/^\/api/, '')
      }
    }
  },
  // 预览配置
  preview: {
    port: 4173 // 设置预览服务器端口
  },

  // 构建配置
  build: {
    outDir: 'dist', // 构建输出目录
    assetsDir: 'assets', // 静态资源目录
    sourcemap: false, // 是否生成 sourcemap
    minify: 'terser', // 代码压缩方式
    chunkSizeWarningLimit: 1500 // 块大小警告限制 (KB)
  },

  // 解析配置
  resolve: {
    alias: { // 路径别名
      '@': '/src',
      '~': '/public'
    }
  },

  // CSS 预处理器配置
  css: {
    preprocessorOptions: {
      scss: {
        // additionalData: `@import "@/styles/variables.scss";` // 全局引入 scss 变量
      }
    }
  }
})